var y = [-50, ];
var x = [0, ];
var y1 = -100;
var x1 = 50;
var x2 = 50;
var y2 = 350;
var right = 0.2;
var left = 0.2;
var score = 0;
var dscore = 0;
var speed = 1;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(230);
  for(var i = 0; i < y.length; i++) {
    rect(x[i], y[i], 15, 25);
  }
  for(i = 0; i < y.length; i++) {
    y[i] = y[i] + speed;
  }
  if(Math.min(...y) == 0) {
    x.push(random(0, 375));
    y.push(-50);
    for(i = 0; i < y.length; i++) {
      //y[i]-=5;
      rect(x[i], y[i], 15, 25);
    }
  }
  if(keyIsDown(LEFT_ARROW)) {
    right = 0.2;
    left += 0.2;
    // console.log(x2);
    x2 = x2 - left;
    if(x2 <= 2) {
      x2 = 3;
    }
    rect(x2 -= 3, y2, 50, 50);
  } else if(keyIsDown(RIGHT_ARROW)) {
    left = 0.2;
    right += 0.2;

    x2 = x2 + right;
    if(x2 >= 347) {
      x2 = 345;
    }
    rect(x2 += 3, y2, 50, 50);
  } else {
    right = 0.2;
    left = 0.2;
  }
  rect(x2, y2, 50, 50);

  if(y[0] > 300) {
    for(i = 0; i < x.length; i++) {
      if(x[i] <= x2 + 50 & x[i] >= x2) {
        if(y[i] >= y2) {
          noLoop();
          fill(255, 0, 0);
        } else if(y[i] + 25 >= y2 & y[i] + 25 <= height) {
          noLoop();
          fill(255, 0, 0);
        }
      }
      if(x[i] + 15 <= x2 + 50 & x[i] + 15 >= x2) {
        if(y[i] >= y2) {
          noLoop();
          fill(255, 0, 0);
        } else if(y[i] + 25 >= y2 & y[i] + 25 <= height) {
          noLoop();
          fill(255, 0, 0);
        }
      }
    }
  }
  if(Math.max(...y) > height) {
    y.shift();
    x.shift();
  }
  score++;
  if(score % 100 == 0) {
    // console.log(dscore++);
  }
  textSize(13);
  fill(255);
  rect(150, 0, 100, 25);
  fill(50);
  text("score: ", 160, 17);
  text(score, 195, 17);
  fill(255);
}